﻿@{
    Layout = "~/Skins/Cms/Views/Shared/_Layout.cshtml";
}
<link href="/Skins/Cms/Content/css/index.css" rel="stylesheet" />
<script src="/Scripts/jquery.carouFredSel-6.1.0-packed.js"></script>

@model IQueryable<YTCMS.Domain.Entities.cmscolumn>
@using YTCMS.Core

    <!--搜索--->
<div class="search_back">
    <div class="center" style="padding-top:10px;">
        <div id="condimg" style="width:37px;">
            <img src="/Skins/Cms/Content/img/Common/allproject.png" style="cursor: pointer;" />
            <div class="condition">
                <ol>
                    <li><a><span>按 天 数</span></a></li>
                    <li><a><span>按 价 格</span></a></li>
                    <li><a><span>按 地 区</span></a></li>
                </ol>

            </div>
        </div>
        
        <div class="search">
            <input type="text" id="keyword" class="keyword" />
            <button class="btn_search" id="btn_search">搜 索</button>
        </div>
        <div class="weather">
            天气预报:拉萨9°C， 林芝5°C
        </div>
        
    </div>
</div>
<!---bannner-->
<div class="banner_back">
    <div class="center">
        <div class="category">
            <div class="shadeDiv"></div>
            <div style="z-index: 2; width: 440px; height: 510px; position:absolute">
                <ol>
                    @{
                        var categorys = ViewData["categorys"] as IQueryable<YTCMS.Domain.Entities.category>;
                        if (categorys.Any())
                        {
                            foreach (var item in categorys.Where(s => s.Pid == 0))
                            {
                                <li>
                                    <div class="first">
                                        <span><a href="/products/index?categoryid=@item.Id"> @item.Name</a></span>
                                    </div>
                                    <div class="last">
                                        @foreach (var item2 in categorys.Where(s => s.Pid == item.Id))
                                        {
                                            <span><a href="/products/index?categoryid=@item2.Id">@item2.Name</a></span>
                                        }
                                    </div>

                                </li>
                            }
                        }
                    }
                </ol>
            </div>
            
        </div>
        <div class="categoryinfo">
            <div class="left">
                <ol>
                    <li>
                        <img src="/Skins/Cms/Content/img/Common/1.png" />
                        跟团游特价
                        <em class="info"></em>
                    </li>
                    <li>
                        <img src="/Skins/Cms/Content/img/Common/2.png" />
                        品质游（特价）
                        <em class="info"></em>
                    </li>
                    <li>
                        <img src="/Skins/Cms/Content/img/Common/3.png" />
                        川藏纯体验
                        <em class="info"></em>
                    </li>
                    <li>
                        <img src="/Skins/Cms/Content/img/Common/4.png" />
                        青藏线路
                        <em class="info"></em>
                    </li>
                    <li>
                        <img src="/Skins/Cms/Content/img/Common/5.png" />
                        VIP小包团
                        <em class="info"></em>
                    </li>
                    <li>
                        <img src="/Skins/Cms/Content/img/Common/6.png" />
                        定制结伴旅行计划
                        <em class="info"></em>
                    </li>
                </ol>
            </div>
            <div class="center">
                <div class="banner_head">
                    <ol>
                        <li>限量秒杀</li>
                        <li>限时团购</li>
                        <li>精品推荐</li>
                        <li>特惠体验</li>
                        <li>驴友推荐</li>
                    </ol>
                </div>
                <div class="carousel">
                    <ul id="carousel">
                        @*<li>
                            <img src="/Skins/Cms/Content/img/Common/silder.png" />
                        </li>
                        <li>
                            <img src="/Skins/Cms/Content/img/Common/silder.png" />
                        </li>*@
                        @Html.Action("Index", "Ads", new { @code = "CMSCarousel" })
                    </ul>
                    
                </div>
                <div id="pager" class="pager"></div>
                @*<a id="prev" class="prev" href="#">&lt;</a>
                <a id="next" class="next" href="#">&gt;</a>*@
            </div>
            <div class="right">
                <div class="header">
                    <span>反馈我们</span>
                </div>
                <div class="right_nav">
                    <ol>
                        <li>
                            <img src="/Skins/Cms/Content/img/Common/10.png" />
                            满意度调查
                        </li>
                        <li>
                            <img src="/Skins/Cms/Content/img/Common/7.png" />
                            保障承诺
                        </li>
                        <li>

                            <img src="/Skins/Cms/Content/img/Common/8.png" />
                            订单展示
                        </li>
                        <li>
                            <img src="/Skins/Cms/Content/img/Common/9.png" />
                            游客评论
                        </li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>

<!--菱形广告--->
<div class="rhombus">
    <div class="center">
        @*<img src="/Skins/Cms/Content/img/Common/activity.png" />*@
        @Html.Action("index", "ads", new { code = "CMSrhombus" })

        <!--常规游--->
        <div class="rule">
            <div class="rule_head">
                <img src="/Skins/Cms/Content/img/Common/h1.png" />
            </div>
            <div class="rule_body">
                <ol>
                    @{
                        var cid = Model.First(s=>s.Code.Equals("CMSCGY")).Id;
                        foreach (var item2 in Model.First(s => s.Code.Equals("CMSCGY")).columnproducts.Where(s => s.Cid == cid).YTTake(4))
                        { 
                            <li>
                                <div class="title">
                                    <a href="/products/details?id=@item2.products.Id"> <img src="@item2.products.Image.Replace("_120x120.jpg", "_320x275.jpg")" style="width:280px; height:190px;" /></a>
                                </div>
                                <div class="title">
                                    <span><a href="/products/details?id=@item2.products.Id">@item2.products.Name</a></span>
                                </div>
                                <div class="price">
                                    <span>特惠价：￥</span>
                                    @item2.products.Price
                                </div>
                                <div class="wantgo">
                                    <span class="go"><b></b> 162去过</span>
                                    <span class="want"><b></b>156想去</span>
                                </div>
                            </li>
                        }
                    }
                    
                    @*<li>
                        <div>
                            <img src="/Skins/Cms/Content/img/Common/a1.png" />
                        </div>
                        <div class="title">
                            <span>仙女山一日游</span>
                        </div>
                        <div class="price">
                            <span>特惠价：￥</span>
                            9088
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="/Skins/Cms/Content/img/Common/a1.png" />
                        </div>
                        <div class="title">
                            <span>仙女山一日游</span>
                        </div>
                        <div class="price">
                            <span>特惠价：￥</span>
                            9088
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="/Skins/Cms/Content/img/Common/a1.png" />
                        </div>
                        <div class="title">
                            <span>仙女山一日游</span>
                        </div>
                        <div class="price">
                            <span>特惠价：￥</span>
                            9088
                        </div>
                    </li>*@
                </ol>
            </div>
        </div>

       
    </div>
</div>

<div class="pztour">
    <div class="center">
        <!--品质游--->
        <div class="rule">
            <div class="rule_head">
                <img src="/Skins/Cms/Content/img/Common/h2.jpg" />
            </div>
            <div class="rule_body">
                <ol>
                    @*<li>
                        <div>
                            <img src="/Skins/Cms/Content/img/Common/a1.png" />
                        </div>
                        <div class="title">
                            <span>仙女山一日游</span>
                        </div>
                        <div class="price">
                            <span>特惠价：￥</span>
                            9088
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="/Skins/Cms/Content/img/Common/a1.png" />
                        </div>
                        <div class="title">
                            <span>仙女山一日游</span>
                        </div>
                        <div class="price">
                            <span>特惠价：￥</span>
                            9088
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="/Skins/Cms/Content/img/Common/a1.png" />
                        </div>
                        <div class="title">
                            <span>仙女山一日游</span>
                        </div>
                        <div class="price">
                            <span>特惠价：￥</span>
                            9088
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="/Skins/Cms/Content/img/Common/a1.png" />
                        </div>
                        <div class="title">
                            <span>仙女山一日游</span>
                        </div>
                        <div class="price">
                            <span>特惠价：￥</span>
                            9088
                        </div>
                    </li>*@
                    @{
                        var pzyid = Model.First(s => s.Code.Equals("CMSPZY")).Id;
                        foreach (var item2 in Model.First(s => s.Code.Equals("CMSPZY")).columnproducts.Where(s => s.Cid == pzyid).YTTake(4))
                        { 
                            <li>
                                <div>
                                    <a href="/products/details?id=@item2.products.Id"> <img src="@item2.products.Image.Replace("_120x120.jpg", "_320x275.jpg")" style="width:280px; height:190px;" /></a>
                                </div>
                                <div class="title">
                                    <span><a href="/products/details?id=@item2.products.Id">@item2.products.Name</a></span>
                                </div>
                                <div class="price">
                                    <span>特惠价：￥</span>
                                    @item2.products.Price
                                </div>
                                <div class="wantgo">
                                    <span class="go"><b></b> 162去过</span>
                                    <span class="want"><b></b>156想去</span>
                                </div>
                            </li>
                        }
                    }
                   
                </ol>
            </div>
        </div>

        <!--特殊线路--->
        <div class="special">
            <div class="xztour_title">
                <img src="/Skins/Cms/Content/img/Common/t1.jpg" style="width:1200px;" />
            </div>
            @{
                var czctyid = Model.First(s => s.Code.Equals("CMSCZCTY")).Id;
                foreach (var item2 in Model.First(s => s.Code.Equals("CMSCZCTY")).columnproducts.Where(s => s.Cid == czctyid).YTTake(4))
                { 
                    <div class="Recommend">
                        <div class="row">
                            <div class="col-md-6 Recommend_img ">
                                @*<img src="/Skins/Cms/Content/img/recommend2.jpg" />*@
                                <a href="/products/details?id=@item2.products.Id"> <img src="@item2.products.Image.Replace("_120x120.jpg", "_320x275.jpg")" style="width:280px; height:190px;" /></a>
                            </div>
                            <div class="col-md-6">
                                <span class="title">
                                    @*东江湖国际度假山庄湖景房+东江漂流 （不含船票）*@
                                    <span><a href="/products/details?id=@item2.products.Id">@item2.products.Name.GetSubString(20,"")</a></span>
                                </span>
                                <br />
                                <span class="content">
                                    @*仅98元，享价值110元游乐园门票1张！、按 摩池、戏......*@
                                    @item2.products.Introduce.GetSubString(30,"...")
                                </span>
                                <span class="price">
                                    <span>
                                        <span class="newprice">¥</span>@item2.products.Price
                                    </span>
                                    <span class="oldprice">
                                        原价：¥@item2.products.OldPrice
                                    </span>
                                </span>
                                <span class="pay">
                                    <a href="/products/details?id=@item2.products.Id"><img src="/Skins/Cms/Content/img/pay1.png" /></a>
                                </span>
                            </div>
                        </div>
                    </div>
                }
            }
            
            @*<div class="Recommend">
                <div class="row">
                    <div class="col-md-6 Recommend_img ">
                        <img src="/Skins/Cms/Content/img/recommend2.jpg" />
                    </div>
                    <div class="col-md-6">
                        <span class="title">
                            东江湖国际度假山庄湖景房+东江漂流 （不含船票）
                        </span>
                        <br />
                        <span class="content">
                            仅98元，享价值110元游乐园门票1张！、按 摩池、戏......
                        </span>
                        <span class="price">
                            <span>
                                <span class="newprice">¥</span>268
                            </span>
                            <span class="oldprice">
                                原价：¥1280
                            </span>
                        </span>
                        <span class="pay">
                            <img src="/Skins/Cms/Content/img/pay1.png" />
                        </span>
                    </div>
                </div>
            </div>
            <div class="Recommend">
                <div class="row">
                    <div class="col-md-6 Recommend_img ">
                        <img src="/Skins/Cms/Content/img/recommend2.jpg" />
                    </div>
                    <div class="col-md-6">
                        <span class="title">
                            东江湖国际度假山庄湖景房+东江漂流 （不含船票）
                        </span>
                        <br />
                        <span class="content">
                            仅98元，享价值110元游乐园门票1张！、按 摩池、戏......
                        </span>
                        <span class="price">
                            <span>
                                <span class="newprice">¥</span>268
                            </span>
                            <span class="oldprice">
                                原价：¥1280
                            </span>
                        </span>
                        <span class="pay">
                            <img src="/Skins/Cms/Content/img/pay1.png" />
                        </span>
                    </div>
                </div>
            </div>
            <div class="Recommend">
                <div class="row">
                    <div class="col-md-6 Recommend_img ">
                        <img src="/Skins/Cms/Content/img/recommend2.jpg" />
                    </div>
                    <div class="col-md-6">
                        <span class="title">
                            东江湖国际度假山庄湖景房+东江漂流 （不含船票）
                        </span>
                        <br />
                        <span class="content">
                            仅98元，享价值110元游乐园门票1张！、按 摩池、戏......
                        </span>
                        <span class="price">
                            <span>
                                <span class="newprice">¥</span>268
                            </span>
                            <span class="oldprice">
                                原价：¥1280
                            </span>
                        </span>
                        <span class="pay">
                            <img src="/Skins/Cms/Content/img/pay1.png" />
                        </span>
                    </div>
                </div>
            </div>*@
        </div>
        
        <!--特殊线路--->
        <div class="special">
            <div class="xztour_title">
                <img src="/Skins/Cms/Content/img/Common/t2.jpg" />
            </div>

            @{
                var tsxl = Model.First(s => s.Code.Equals("CMSTSXL")).Id;
                foreach (var item2 in Model.First(s => s.Code.Equals("CMSTSXL")).columnproducts.Where(s => s.Cid == tsxl).YTTake(4))
                {
                    <div class="Recommend">
                        <div class="row">
                            <div class="col-md-6 Recommend_img ">
                                @*<img src="/Skins/Cms/Content/img/recommend2.jpg" />*@
                                <a href="/products/details?id=@item2.products.Id"> <img src="@item2.products.Image.Replace("_120x120.jpg", "_320x275.jpg")" style="width:280px; height:190px;" /></a>
                            </div>
                            <div class="col-md-6">
                                <span class="title">
                                    @*东江湖国际度假山庄湖景房+东江漂流 （不含船票）*@
                                    <span><a href="/products/details?id=@item2.products.Id">@item2.products.Name.GetSubString(20, "")</a></span>
                                </span>
                                <br />
                                <span class="content">
                                    @*仅98元，享价值110元游乐园门票1张！、按 摩池、戏......*@
                                    @item2.products.Introduce.GetSubString(30, "...")
                                </span>
                                <span class="price">
                                    <span>
                                        <span class="newprice">¥</span>@item2.products.Price
                                    </span>
                                    <span class="oldprice">
                                        原价：¥@item2.products.OldPrice
                                    </span>
                                </span>
                                <span class="pay">
                                    <a href="/products/details?id=@item2.products.Id"><img src="/Skins/Cms/Content/img/pay1.png" /></a>
                                </span>
                            </div>
                        </div>
                    </div>
                }
            }
        </div>

        <!--门票精选--->
        <div class="special">
            <div class="xztour_title">
                <img src="/Skins/Cms/Content/img/Common/t3.jpg" />
            </div>

            @{
                var mpjx = Model.First(s => s.Code.Equals("CMSMPJX")).Id;
                foreach (var item2 in Model.First(s => s.Code.Equals("CMSMPJX")).columnproducts.Where(s => s.Cid == mpjx).YTTake(4))
                {
                    <div class="Recommend">
                        <div class="row">
                            <div class="col-md-6 Recommend_img ">
                                @*<img src="/Skins/Cms/Content/img/recommend2.jpg" />*@
                                <a href="/products/details?id=@item2.products.Id"> <img src="@item2.products.Image.Replace("_120x120.jpg", "_320x275.jpg")" style="width:280px; height:190px;" /></a>
                            </div>
                            <div class="col-md-6">
                                <span class="title">
                                    @*东江湖国际度假山庄湖景房+东江漂流 （不含船票）*@
                                    <span><a href="/products/details?id=@item2.products.Id">@item2.products.Name.GetSubString(20, "")</a></span>
                                </span>
                                <br />
                                <span class="content">
                                    @*仅98元，享价值110元游乐园门票1张！、按 摩池、戏......*@
                                    @item2.products.Introduce.GetSubString(30, "...")
                                </span>
                                <span class="price">
                                    <span>
                                        <span class="newprice">¥</span>@item2.products.Price
                                    </span>
                                    <span class="oldprice">
                                        原价：¥@item2.products.OldPrice
                                    </span>
                                </span>
                                <span class="pay">
                                    <a href="/products/details?id=@item2.products.Id"><img src="/Skins/Cms/Content/img/pay1.png" /></a>
                                </span>
                            </div>
                        </div>
                    </div>
                }
            }
        </div>

        <!---官方指南-->
        <div class="guide margin-top-20">
            <span class="title">
                官方指南
            </span>
            <div>
                <div class="left">
                    <img src="/Skins/Cms/Content/img/Common/dine.png" />
                </div>
                <div class="right">
                    <div>
                        <div class="hotel_left">
                            <img src="/Skins/Cms/Content/img/Common/hotel.png" />
                        </div>
                        <div class="hotel_right">
                            <img src="/Skins/Cms/Content/img/Common/yjgl.png" />
                        </div>
                    </div>
                    <div class="mall">
                        <div class="mall_left">
                            <img src="/Skins/Cms/Content/img/Common/mall.png" />
                        </div>
                        <div class="mall_center">
                            <img src="/Skins/Cms/Content/img/Common/swhz.png" />
                        </div>
                        <div class="mall_right">
                            <img src="/Skins/Cms/Content/img/Common/about.png" />
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</div>


<script>
    $(function () {
        $("#condimg").hover(function () {
            $(".condition").show();
        }, function () {
            $(".condition").hide();
        })
        
        $("#btn_search").click(function () {
            var keyword = $("#keyword").val();
            window.location.href = "/products/index?keyword=" + keyword;
        });


        $('#carousel').carouFredSel({
            responsive: true,
            auto: true,
            width: 672,
            height: 416,
            //scroll: 2,
            pagination: "#pager",
            //prev: '#prev',
            //next: '#next',
            //items: {
            //    width: 672,
            //    height: 416,	//	optionally resize item-height
            //    visible: {
            //        min: 2,
            //        max: 1
            //    }
            //}
        });
    })

</script>